<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="/static/layui/css/layui.css" >

</head>
<body>



<table id="demo" lay-filter="test"></table>
<script src="/static/layui/layui.js"></script>

<script>
    layui.use('table', function(){
        var table = layui.table;

        //第一个实例
        table.render({
            elem: '#demo'
            ,height: 312
            ,url: '/Index/index/show' //数据接口
            ,page: true //开启分页
            ,cols: [[ //表头
                {field: 'zdUrl', title: '站点url', width:150, sort: true, fixed: 'left'}
                ,{field: 'StartTime', title: '查询开始时间', width:200}
                ,{field: 'EndTime', title: '查询结束时间', width:200, }
                ,{field: 'CdnCwl', title: 'Cdn错误率', width:120}
                ,{field: 'pv', title: 'pv', width:120, sort: true}
                ,{field: 'uv', title: 'uv',width:120}
                ,{field: 'ip', title: 'ip', width:120, sort: true}
                ,{field: 'bdzrss', title: '百度自然搜索流量', width:180, sort: true}
                ,{field: 'tcl', title: '平均弹出率', width:150}
                ,{field: 'fwsc', title: '平均访问时长', width: 150, sort: true}
                ,{field: 'sl', title: '百度站点收录', width: 120, sort: true}
                ,{field: 'pcqz', title: 'pc站点权重', width: 120, sort: true}
                ,{field: 'mqz', title: 'm站点权重', width: 120, sort: true}
                ,{field: 'ipll', title: 'ip预计来路', width: 120, sort: true}
            ]]
        });

    });
</script>

</body>
</html>